<button nz-button nzType="primary" style="margin-bottom: 10px" (click)="add()">+ 新增</button>
<nz-table #basicTable
          [nzScroll]="{y: '540px' }"
          [nzLoading]="tableLoading"
          [nzFrontPagination]="false"
          [nzData]="listOfData">
  <thead>
  <tr>
    <th>店铺名</th>
    <th>付款金额</th>
    <th>用户数</th>
    <th>添加时间</th>
    <th nzWidth="180px">操作</th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let data of basicTable.data">
    <td>{{ data.name }}</td>
    <td>{{ data.payMoney || '--' }}</td>
    <td>{{ data.userCount }}人</td>
    <td>{{ data.createTime }}</td>
    <td>
      <a nz-button nzType="link" (click)="edit(data)">修改</a>
      <a nz-button nzType="text" nzDanger
         nz-popconfirm
         nzPopconfirmTitle="是否删除该数据"
         nzPopconfirmPlacement="top"
         (nzOnConfirm)="deletedUser(data)">删除</a>
    </td>
  </tr>
  </tbody>
</nz-table>
<nz-modal
  nzTitle="新增店铺"
  [nzOkLoading]="okLoading"
  [(nzVisible)]="isVisible"
  [nzMaskClosable]="false"
  (nzOnCancel)="handleCancel()"
  (nzOnOk)="handleOk()">
  <ng-container *nzModalContent>
    <form nz-form [formGroup]="validateForm">
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="name">店铺名称</nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="请输入店铺名">
          <input nz-input formControlName="name"/>
        </nz-form-control>
      </nz-form-item>
      <nz-form-item>
        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="payMoney">付款金额</nz-form-label>
        <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="请输入付款金额">
          <input nz-input [min]="0" type="number" formControlName="payMoney"/>
        </nz-form-control>
      </nz-form-item>
    </form>
  </ng-container>
</nz-modal>
